<template>
	<view>
		<view class="picker">
			<view class="item" v-for="(i,index) in list" :key="index">
				<text>{{ i }}</text>
				<uni-icons type="bottom" size="16"></uni-icons>
			</view>
		</view>
	</view>
</template>

<script lang="ts" setup>
	import { ref } from 'vue'
	const list = ref(['办学性质','规模','服务','位置']);
</script>

<style lang="scss" scoped>
	.picker{
		width: mp-sizing(345);
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
		padding: mp-sizing(20) mp-sizing(20);
		.item{
			display: flex;
			flex-flow: row;
			justify-content: center;
			align-items: center;
			text{
				font-size: mp-sizing(14);
			}
		}
	}
</style>